<!--  -->
<template>
    <div class='box'>
        <dv-scroll-board :config="config"/>
    </div>
</template>

<script>
export default {
    props: {
        config: {
            type: Object,
            default: () => ({})
        },
    },
}
</script>
<style lang='scss' scoped>
.box {
    width: 100%;
    height: 100%;
    background-color: transparent;
}
::v-deep .dv-scroll-board {
    font-family: Alibaba_255;
    .header .header-item{
        color: #00F9FF;
        font-size: 1vw;
        margin-bottom: 0.2vw;
    }
    .rows{
        margin: 0;
        .row-item{
            font-size: 0.8vw;
            color: #CCE3FF;
            border-radius: 2vw;
            .status{
                padding:2px 8px;
                border-radius: 3px;
            }
            .dcl{
                color: #FFD936;
                background-color: rgba(237, 245, 23, 0.20);
            }
            .dqr{
                color: #60FAFA;
                background-color: rgba(96, 250, 250, 0.20);
            }
            .ycl{
                color: #5EADFF;
                background-color: rgba(94, 173, 255, 0.20);
            }
            .other{
                color: #FFF;
                background-color: rgba(35, 139, 111, 0.2);
            }
        }
    }
} 
</style>